<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学院新闻 - 宜春学院人工智能与信息工程学院</title>
  <!-- 引入Normalize.css（样式重置） -->
  <link rel="stylesheet" href="css/Normalize.css">
  <!-- 引入外部CSS样式文件 -->
  <link rel="stylesheet" href="css/style.css">
  <!-- 可选：引入图标库（用于分页图标） -->
  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
  <!-- 顶部导航区（与首页一致，保证连贯性） -->
  <header class="header">
    <div class="header-container">
      <div class="school-name">宜春学院 YICHUN UNIVERSITY</div>
      <div class="college-name">人工智能与信息工程学院</div>
      <div class="motto">厚德尚能 博学笃行</div>
    </div>
  </header>

  <!-- 面包屑导航（新增：帮助用户定位当前页面） -->
  <nav class="breadcrumb">
    <div class="breadcrumb-container">
      <a href="index.html">首页</a>
      <span>&gt;</span>
      <span>学院新闻</span>
    </div>
  </nav>

  <!-- 核心内容区（新闻列表） -->
  <main class="content">
    <div class="content-container">
      <!-- 新闻列表模块（独占宽度，区别于首页的双列布局） -->
      <section class="news-list-section section">
        <h2 class="section-title">学院新闻</h2>
        
        <!-- 新闻列表 -->
        <ul class="news-list">
          <li class="news-item">
            <a href="news-detail.html?id=1" class="news-link">【2025运动会】驰骋赛场，尽展人工智能与信息工程学院学子风采</a>
            <span class="news-date">2025-11-07</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=2" class="news-link">【学术讲座】人工智能在智能终端中的应用研究——特邀行业专家来院分享</a>
            <span class="news-date">2025-11-05</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=3" class="news-link">【校企合作】我院与某科技公司签署人才培养协议，共建实践教学基地</a>
            <span class="news-date">2025-11-02</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=4" class="news-link">【党建工作】我院开展“学习贯彻党的二十大精神”主题党日活动</a>
            <span class="news-date">2025-10-30</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=5" class="news-link">【学生竞赛】我院学子在全国大学生电子设计竞赛中荣获省级二等奖</a>
            <span class="news-date">2025-10-28</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=6" class="news-link">【教学改革】我院召开2025-2026学年第一学期教学工作研讨会</a>
            <span class="news-date">2025-10-25</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=7" class="news-link">【新生入学教育】我院开展2025级新生专业认知讲座</a>
            <span class="news-date">2025-10-20</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=8" class="news-link">【志愿服务】我院志愿者团队赴社区开展“人工智能科普进万家”活动</a>
            <span class="news-date">2025-10-18</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=9" class="news-link">【师资建设】我院新增2名省级青年骨干教师，教学科研实力再提升</a>
            <span class="news-date">2025-10-15</span>
          </li>
          <li class="news-item">
            <a href="news-detail.html?id=10" class="news-link">【毕业季】我院2025届毕业生就业率达92.3%，多名学子考取名校研究生</a>
            <span class="news-date">2025-10-10</span>
          </li>
        </ul>

        <!-- 分页控件（新增：实现列表分页功能） -->
        <div class="pagination">
          <ul class="pagination-list">
            <li class="pagination-item disabled">
              <a href="#" class="pagination-link"><i class="fa-solid fa-angle-left"></i> 上一页</a>
            </li>
            <li class="pagination-item active">
              <a href="#" class="pagination-link">1</a>
            </li>
            <li class="pagination-item">
              <a href="#" class="pagination-link">2</a>
            </li>
            <li class="pagination-item">
              <a href="#" class="pagination-link">3</a>
            </li>
            <li class="pagination-item">
              <a href="#" class="pagination-link">下一页 <i class="fa-solid fa-angle-right"></i></a>
            </li>
          </ul>
        </div>
      </section>
    </div>
  </main>

  <!-- 底部联系区（与首页一致） -->
  <footer class="footer">
    <div class="footer-container">
      <div class="contact-item">
        <i class="fa-solid fa-phone contact-icon"></i>
        <span>联系电话：0795-XXXXXXX</span>
      </div>
      <div class="contact-item">
        <i class="fa-solid fa-envelope contact-icon"></i>
        <span>邮箱：aiie@jxycu.edu.cn</span>
      </div>
      <div class="contact-item">
        <i class="fa-solid fa-location-dot contact-icon"></i>
        <span>地址：江西省宜春市袁州区学府路576号</span>
      </div>
      <div class="copyright">
        © 2025 宜春学院人工智能与信息工程学院 版权所有
      </div>
    </div>
  </footer>
</body>
</html>